import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter, Route, Routes } from "react-router-dom";

import App from "./App";
import DatePicker from "./pages/date-picker";
import Event from "./pages/event";
import ReactDrag from "./pages/react-drag";
import Swipe from "./pages/swipe";
import "./style.scss";

ReactDOM.render(
  <BrowserRouter>
    <Routes>
      <Route path="/" element={<App />} />
      <Route path="/event" element={<Event />} />
      <Route path="/swipe" element={<Swipe />} />
      <Route path="/react-drag" element={<ReactDrag />} />
      <Route path="/date-picker" element={<DatePicker />} />
    </Routes>
  </BrowserRouter>,
  document.getElementById("app")
);
